<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]>
<html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>
<html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>
<html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <meta charset="utf-8">

    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>cryttr</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Mobile viewport optimized: j.mp/bplateviewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">


    <!-- CSS: implied media="all" -->
    <link rel="stylesheet" href="css/style.css?v=2">

    <!-- Uncomment if you are specifically targeting less enabled mobile browsers
<link rel="stylesheet" media="handheld" href="css/handheld.css?v=2">  -->

    <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
    <script src="js/libs/modernizr-1.7.min.js"></script>

</head>

<body>

<div id="container">
    <header>
        <p>current news : cryttr under development</p>

        <h1><strong>cryttr</strong></h1>
        <h3>Keep it to yourself.</h3>
        <nav></nav>
    </header>
    <div id="main" role="main">
        <article>
            <h2>Features</h2>
            <section>
                <h3>Use Javascript Crypto to encrypt / decrypt on your client</h3>
                <hr/>
            </section>

            <section>
                <h3>Use the Twitter API with Javascript</h3>
                <hr/>
            </section>
            <section>
                <h3>Use local storage for sensitive data</h3>
                <hr/>
            </section>
            <section>
                <h3>Use Selective Encryption to encrypt parts of your messages and statuses.</h3>
            </section>
        </article>

        <aside class="faq">
            <section>
                <h3>What is cryttr?</h3>
                cryttr is a prototype to demo encrypted syndication
            </section>

            <section>
                <h3>Stuff for Developers</h3>
            </section>

            <section>
                <h3>Documentation</h3>
            </section>

        </aside>

        <aside class="crypto">

            <section>
                <h3>Encrypted Status</h3>
                <p style="word-wrap: break-word;" id="ciphertext"></p>
            </section>
             
        </aside>
    </div>
    <footer>
        <p>cryttr Copyright 2011</p>
    </footer>
</div>
<!--! end of #container -->


<!-- JavaScript at the bottom for fast page loading -->

<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
<!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>-->
<script>window.jQuery || document.write("<script src='js/libs/jquery-1.5.1.min.js'>\x3C/script>")</script>

<!-- crypto script -->
<script src="js/libs/sjcl.js"></script>

<!-- scripts concatenated and minified via ant build script-->
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
<!-- end scripts-->


<!--[if lt IE 7 ]>
<script src="js/libs/dd_belatedpng.js"></script>
<script>DD_belatedPNG.fix("img, .png_bg"); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
<![endif]-->


<!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
<script>
    //    var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]];
    //    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
    //    g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
    //    s.parentNode.insertBefore(g,s)}(document,"script"));
</script>

</body>
</html>